<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1, user-scalable=no" />
    <title></title>
    <link rel="stylesheet" href="css/goods_detail.css">
    <link rel="stylesheet" href="./css/paylist_detail.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/css/swiper.css">
    <script src="./js/swiper.js"></script>
    <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
    <style>
        .top_right{
            text-decoration: none;color: #ffffff;font-size: 1rem;
            display: flex;justify-content: center;align-items: center;  font-weight: bold;
        }
    </style>
</head>
<body>
<div class="index_top">
    <div  class="top_left">
        <img class="l_img" src="image/index_image/back.png" alt="">
    </div>
    <div class="top_contant">
        订单详情
    </div>
    <a class="top_right" href="index.html">
        返回首页
    </a>
</div>
<div style="width: 100%;height: auto;margin-top: 3.5rem">
    <div class="detail_banner">
        <div class="rotator clearfix bbb">
            <div class="swiper-container ">
                <div class="swiper-wrapper">
                    <div class="swiper-slide swiper-pagination-bullet-active"><a href="#" target="_blank"><img class="imgimg" src="http://cdn.66173.cn//images/product_img/201801/1516850648763.jpg" alt="" /></a></div>
                    <div class="swiper-slide"><a href="#" target="_blank"><img  class="imgimg" src="http://cdn.66173.cn//images/product_img/201801/1516850648753.jpg" alt="" /></a></div>
                    <div class="swiper-slide"><a href="#" target="_blank"><img class="imgimg" src="http://cdn.66173.cn//images/product_img/201801/1516850648763.jpg" alt="" /></a></div>
                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination">
                    <span class="swiper-pagination-bullet swiper-pagination-bullet-active" data-seq="0"></span>
                    <span class="swiper-pagination-bullet" data-seq="1"></span>
                    <span class="swiper-pagination-bullet" data-seq="2"></span>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="body_detail">
    <div class="head_coloect">
        <div class="head_coloect_l">
            <div class="head_coloect_l_s">
                <span class="sssppp">道具</span>V10/1021战士，战力第一名
            </div>
            <div class="head_coloect_l_x">
                <span class="price_p">￥66000</span>
            </div>
        </div>
        <div class="head_coloect_r">
        </div>
    </div>
    <div class="contant_txt">
        <div class="dingdan_list">
             <div class="dingdan_item">
                 <li>订单号：213123421421342134</li>
                 <li><span style="color: #7c7c7c">支付方式：</span>支付宝</li>
                 <li><span style="color: #7c7c7c">生产时间：</span> 2018-8-20 15:23:32</li>
                 <li><span style="color: #7c7c7c">支付时间：</span>2018-8-20 15:23:32</li>
                 <li><span style="color: #7c7c7c">发货时间：</span>--</li>
                 <li><span style="color: #7c7c7c">收货时间：</span>--</li>
                 <li><span style="color: #7c7c7c">完成时间：</span>--</li>
                 <li><span style="color: #7c7c7c">发货客服：</span>牛牛</li>
                 <li><span style="color: #7c7c7c">目前状态：</span>待发货</li>
                 <li><span style="color: #7c7c7c">商品价格：</span>1000.00元</li>
                 <li><span style="color: #7c7c7c">购买数量：</span>1</li>
                 <li><span style="color: #7c7c7c">优惠券：</span>无</li>
                 <li><span style="color: #7c7c7c">实际支付：</span>1000.00元</li>
             </div>
            <div class="dingdan_item">
                <li><span style="color: #7c7c7c">所属游戏：</span>魔域手游</li>
                <li><span style="color: #7c7c7c">商品类型：</span>账号</li>
                <li><span style="color: #7c7c7c">适用系统：</span>安卓</li>
                <li><span style="color: #7c7c7c">客户端：</span>牛牛客户端</li>
                <li><span style="color: #7c7c7c">服务器：</span>圣光裁决3服</li>
                <li><span style="color: #7c7c7c">角色等级：</span>10</li>
                <li><span style="color: #7c7c7c">职业</span>：战士</li>
                <li><span style="color: #7c7c7c">性别：</span>女</li>
                <li class="baoji">
                    <p>绝版猫背饰，氪金4000持续更新</p>
                    <p>绝版猫背饰，氪金4000持续更新</p>
                </li>
            </div>
        </div>
    </div>
</div>
</body>
<script>
    var swiper1 = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        autoplay:2000,
        crossFade: true ,///控制是否自动播放
        preloadImages: false, //是否初始时将所有轮播图加载完,
        lazyLoading: true, //是否图片懒加载，要和preloadImages: false一起使用
        paginationClickable: true,
        autoplayDisableOnInteraction: false //控制用户滑动或点击到其他图后是否不再轮播
    });
    $(".top_left").click(function () {
        history.back()
    })
</script>
</html>
